<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>疯狂动物城</title>
    <link rel="stylesheet" href="css/css.css">
</head>

<body>
    <div class="nav">
        <ul class="fn">
            <li><a href="首页.html">首页</a></li>
            <li>
                <a href="制片人.html">角色介绍</a>
                <ul class="ln">
                    <li><a href="朱迪.html">朱迪·霍普斯</a></li>
                    <li><a href="尼克.html">尼克·王尔德</a></li>
                    <li><a href="牛局长.html">牛局长</a></li>
                    <li><a href="闪电.html">闪电</a></li>
                    <li><a href="狮市长.html">狮市长</a></li>
                </ul>
            </li>
            <li><a href="制片人.html">幕后制作</a></li>
            <li><a href="照片.html">精美壁纸</a></li>
            <li><a href="留言.html">在线留言</a></li>
        </ul>
    </div>
    <div class="banner">
        <img src="images/banner.jpg" alt="">
    </div>
    <div class="main">
        <div class="info">
            <h1>角色介绍</h1>
            <ul>
                <li>
                    <a href="朱迪.html">
                        <img src="images/2.jpg" alt="">
                        <div>朱迪·霍普斯（棉尾兔）</div>
                    </a>
                </li>
                <li>
                    <a href="尼克.html">
                        <img src="images/3.jpg" alt="">
                        <div>尼克·王尔德（赤狐）</div>
                    </a>
                </li>
                <li>
                    <a href="牛局长.html">
                        <img src="images/4.jpg" alt="">
                        <div>牛局长（非洲水牛）</div>
                    </a>
                </li>
                <li>
                    <a href="闪电.html">
                        <img src="images/5.jpg" alt="">
                        <div>闪电（三趾树懒）</div>
                    </a>
                </li>
                <li>
                    <a href="狮市长.html">
                        <img src="images/6.jpg" alt="">
                        <div>狮市长（狮子）</div>
                    </a>
                </li>
            </ul>
            <a href="" class="gd">展开更多+</a>
        </div>
    </div>
    <div class="footer">
        <p>© 疯狂动物城</p>
    </div>
</body>

</html>